<div class="account-list-box" >
    <label for="file">
        <a>
            <input id="file" onchange="on_click_upload_file()" type="file" multiple class="file" data-overwrite-initial="true" style="display: none" >
            <b style="top: 15px;font-weight:500;position: relative;">头像</b>
                    <span>
                        <img id="portrait" src={{avatarUrl}}>
                        <small class="glyphicon  glyphicon-chevron-right"></small>
                    </span>
        </a>
    </label>
</div>
<div class="account-list-box" >
    <a href="" data-toggle="modal">姓名<span><b class="change-content">{{name}}</b><small class="glyphicon  glyphicon-chevron-right"></small></span></a>
    <div class="modal fade " id="" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <input type="text" autofocus="autofocus"  placeholder="请输入姓名..." />
                </div>
                <div class="modal-footer" style="padding: 15px 20%">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">
                        取消
                    </button>
                    <button type="button" class="btn btn-primary  btn-sure">
                        确认
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="account-list-box" >
    <a href="" data-toggle="modal">性别<span>
                <b style="font-weight:500;position: relative;" class="sex change-content">{{gender}}</b>
                <small class="glyphicon  glyphicon-chevron-right"></small></span>
    </a>
    <div class="modal fade "  aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <select style="width: 80%">
                        <option>男</option>
                        <option>女</option>
                    </select>
                </div>
                <div class="modal-footer" style="padding: 10px 20%">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">
                        取消
                    </button>
                    <button type="button" class="btn btn-primary  btn-sure">
                        确认
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--<div class="account-list-box" >
    <a href="" data-toggle="modal">出生年月<span><b class="change-content">1996-12-4</b><small class="glyphicon  glyphicon-chevron-right"></small></span></a>
    <div class="modal fade "  aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <input type="text" placeholder="点击选择出生年月" readonly id="datepicker">
                </div>
                <div class="modal-footer" style="padding: 10px 20%">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">
                        取消
                    </button>
                    <button type="button" class="btn btn-primary  btn-sure">
                        确认
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>-->
<div class="account-list-box" >
    <a href="" data-toggle="modal">身份<span><b class="change-content">{{identity}}</b><small class="glyphicon  glyphicon-chevron-right"></small></span></a>
    <div class="modal fade "  aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <select>
                        <option>大学生</option>
                        <option>社会人士</option>
                    </select>
                </div>
                <div class="modal-footer" style="padding: 10px 20%">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">
                        取消
                    </button>
                    <button type="button" class="btn btn-primary  btn-sure">
                        确认
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="account-list-box" >
    <a href="" data-toggle="modal">地区<span><b class="change-content">{{district}}</b><small class="glyphicon  glyphicon-chevron-right"></small></span></a>
    <div class="modal fade "  aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <select>
                        <option>请选择区域</option>
                        <option>奉贤区</option>
                        <option>徐汇区</option>
                        <option>金山区</option>
                        <option>浦东新区</option>
                        <option>静安区</option>
                        <option>长宁区</option>
                        <option>普陀区</option>
                        <option>闵行区</option>
                        <option>黄浦区</option>
                        <option>杨浦区</option>
                        <option>虹口区</option>
                        <option>嘉定区</option>
                        <option>宝山区</option>
                        <option>松江区</option>
                        <option>青浦区</option>
                        <option>崇明县</option>
                    </select>
                </div>
                <div class="modal-footer" style="padding: 10px 20%">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">
                        取消
                    </button>
                    <button type="button" class="btn btn-primary  btn-sure">
                        确认
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="account-list-box" >
    <a href="" data-toggle="modal">地址<span><b class="change-content">{{address}}</b><small class="glyphicon  glyphicon-chevron-right"></small></span></a>
    <div class="modal fade "  aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <input type="text" autofocus="autofocus" placeholder="请输入详细住址..." />
                </div>
                <div class="modal-footer" style="padding: 10px 20%">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">
                        取消
                    </button>
                    <button type="button" class="btn btn-primary btn-sure ">
                        确认
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>